
*{
	margin: 0;
	padding: 0;
}
.clear { 
	clear: both; 
}
:focus,:active { outline: 0; }

body {
	font: 12px Tahoma, Arial, Sans-Serif; 
	color: #000; 
	background: #ccc; 
}
a { 
	text-decoration: none; 
	color: #000; }
a:hover { 
	color: #000; 
}
p { 
	line-height: 20px; 
	margin: 0; 
	color:#333333; 
}
.read-more {
    width: 84px;
    height: 25px;
	background-color: #9FB1C5;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer; 
}

.break { border-top: 1px solid #ccc; margin: 20px 0; display: block; }
.no-border { border: 0; }
.space { margin-bottom: 20px; }
img {border: 0;}
h1 { font-size: 20px; font-weight: normal; margin-bottom: 15px;}
h2 { font-size: 14px; font-weight: normal; margin-bottom: 2px; color: #333; }
h3 { font-size: 14px; font-weight: bolder; margin-bottom: 10px; color: #333; }
h4 { font-size: 18px; font-weight: normal; float: left; margin: 3px 0 10px; width: 460px; }

#page { 
	padding:0; margin:0; background-color:#ffffff;
}
/* header */
.header {  margin:0; padding:0; height:120px; background: #0099CB;}
.header_resize{ margin:0 auto; width:980px;}

.logo-top{width: 50%;float: left;}
.right-header{width: 50%; float: left;padding-top: 5px;}
.right-header .search{
    width: 370px; 
    border: 3px solid #006599;
    height: 35px; 
    border-radius: 10px;
    font-weight: bold; 
    color: #D0D0D0;
    padding-left: 10px;
}
.right-header .btn-search{
    width: 100px; 
    height: 41px;
    border: 3px solid #006599; 
    border-radius: 10px;
    color: #ffffff;
    font-weight: bold; 
    background-color: #0376A2;
    position: relative; 
    right:18px;
    cursor: pointer;
}
.right-header .top-hotline{
    text-align: right;
    font-size: 25px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 15px 0px 0px;    
}
/* End header */

/* Footer */
#footer{  margin:0; padding:0; height:136px; background: #0D2556;}
.footer_resize { margin:0 auto; width:980px;}

.logo-bottom {width: 235px; float: left;}

.right-footer{width: 745px; float: left;padding-top: 20px; text-align: center;}

.right-footer .info{
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
}
.right-footer .address{
    font-size: 16px;
    color: #ffffff;
    margin-top: 10px;
}
/* End footer */

#content {
    margin: 0 auto;
    padding: 0;
	background: #fff; 
	width: 980px; 
}
/* Top menu */
#main-menu{
    position: relative;
    top: -20px;
    height: 40px;
    background: url(../images/bg_menu.png) repeat-x left;
    text-transform: uppercase;
}
.top-menu { 
	list-style:none; 
	float: left; 
}
#main-menu ul { color: #333333; line-height: 10px; }
.top-menu li { 
	float: left; 
}
.top-menu li a { 
	display: block; 
	font-size: 14px; 
	padding: 14px 24px; 
	border: 1px solid #fff; 
}
.top-menu a:hover, .menu li.current a { 
    background: url(../images/bg_menu_hv.png) repeat-x left;
}
.top-menu li ul { 
	display: block; 
	background: #fff; 
	margin: -1px 0 0; 
	position: absolute; 
	display: none; 
	z-index: 2; 
	border-right: 1px solid #ddd; 
}
.top-menu li ul li { 
	float: none; 
	display: inline; 
	margin: 0; 
	padding: 0; 
}
.top-menu li ul li a { 
	 
}
/* End top menu */

/* Top slide */
#pitch { margin-bottom: 10px; }
#pitch .infoline { 
	margin-top: -48px; 
	padding: 15px 0 15px 25px; 
	background: #000; 
	width: 955px; 
	height: 18px; 
	opacity:0.45; 
	filter:alpha(opacity=70); 
	color: #fff; 
}
#pitch .infoline a{ 
    color: #DD271C; 
    font-size: 20px;
    text-transform: uppercase;
    font-style: italic;
    text-shadow: -1px -1px 1px #FFF; 
}
.pitch-gallery { 
	overflow: hidden; 
	width: 980px; 
	position: relative; 
}
.pitch-gallery-holder { 
	width: 3920px; 
	position: relative; 
	top: 0; left: 0; 
}
.pitch-gallery-div { float: left; }
/* End top slide */

/* Left */
#left { 
	width: 235px; 
	float: left; 
}
.left-bar-title{
    background: url("../images/module_title.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 200px;
    height: 30px;
    padding: 8px 0px 0px 35px;
}
/* Left menu */
ul.drop{
 list-style:none;
 margin:0px;
 padding:0px;
 width:232px;
 border:1px solid #f1f1f1;
}
ul.drop li,ul.drop li a{ 
     border-bottom:1px solid #E7E7E7;
     background: url("../images/arr.gif") no-repeat scroll 0 4px #F4F1E0;
     height:32px;
     line-height:35px;
     padding-left:5px;
     position:relative;
     display: block;
     text-decoration: none;
     color: #323234;
     font-size: 14px;
     font-weight: bold;
}
ul.drop li:hover,ul.drop li a:hover{
 display:block;
 background:#fbfbfb;
    color: red;
}
.drop .current-left{
 display:block;
 background:#fbfbfb;
    color: red;
}
ul.drop li > ul.drop{
 position:absolute;
 top:0px; 
 left:232px;
 display:none;
}
ul.drop li:hover > ul.drop{
 display:block;
}
/* End left menu */
.left-news{margin-top: 5px;}
.left-partner{margin-top: 5px;}
.left-partner ul{list-style: none; text-align: center;}
.left-fb{margin-top: 5px;}

#right { 
	width: 732px; 
	float: right; 
	margin-left: 13px;	 
}
.news-support{width: 100%;}
.box-news{
    width: 238px;
    margin-right: 10px;
    float: left;
    border-top: 1px solid #006599;
}
.box-news-title{
    height: 45px;
    color: #234F7C;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    word-spacing: -1px;
    display: table-cell;
    vertical-align: middle;
}
.news-description{font-weight: bold; margin: 10px 0px;}
.box-support{
    width: 235px;
    float: left;
}
.box-support-title{
    background: url("../images/module_title.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    height: 30px;
    padding: 8px 0px 0px 35px;
}
.box-support ul{list-style: none; text-align: center;}
.box-support ul li{margin-top: 6px;}
.box-interested-product{
    margin-top: 10px;
}
.box-list-product{
    margin-top: 10px;
}
.main-content-title{
    background: url("../images/long_title.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    height: 36px;
    line-height: 2;
}
.item-product{
    width: 160px;
    height: 184px;
    float: left;
    text-align: center;
    margin: 10px 5px 0px 5px;
    padding: 5px;
    border: solid 1px #EFEFEF;
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}
.item-product-title{
    color: #333333;
    font-size: 14px;
    margin-top: 10px;
}
.item-product-title a{
    color: #333333;
}
.item-product-title a:hover{
    color: #FF0000;
}
.item-product-price{
    font-weight: bold;
    color: #FF0000;
    margin-top: 4px;
}
/* Breadcrumbs */
.breadcrumbs {
    height: 27px; 
    padding: 10px 0px 0px 40px;
    font-weight: bold;
    background: url("../images/bg_breadcrumb.png") no-repeat;
    color: #536384;
}
.breadcrumbs a:hover {color:#FF0000;}
.breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}
.product-detail{
    margin-top: 10px;
}
.prd-detail-img{
    width: 390px;
    text-align: center;
    float: left;
}
.prd-detail-info{
    float: right;
    width: 330px;
    min-height: 305px;
    margin-left: 10px;
}
.prd-detail-tille{
    color: #003265;
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.prd-summary{
    line-height: 22px;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    height: 194px;
}
.btn-buy{
    background: url("../images/btn_buy.png") no-repeat;
    width: 211px;
    height: 45px;
    border: none;
    cursor: pointer;
}
.prd-detail{
    line-height: 22px !important;
    margin-top: 10px;
    text-align: justify;
}
.prd-detail p{
    line-height: 22px !important;
}

#box li{
    position:relative;
    display:inline-block;
    width:100px;
    height:100px;
    margin:5px;
	border:2px solid #fbfbfb;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	-moz-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
}

.pic{
    font-size:0;
    display:block;
    width:100px;
    height:100px;
}

.pic img{
    max-width:100%;
    max-height:100%;
}

.close{
    position:absolute;
    width:10px;
    height:10px;
    display:block;
    right:-7px;
    top:-7px;
    background:url(../img/close.png);
    background-size:100%;
    visibility:hidden;
}

#box li:target{
    -moz-transform:scale(4) rotate(360deg);
	-webkit-transform:scale(4) rotate(360deg);
	-o-transform:scale(4) rotate(360deg);
	-ms-transform:scale(4) rotate(360deg);
	transform:scale(4) rotate(360deg);
    z-index:999;
}

#box li:target .close{
	visibility:visible;
}


#carousel_inner {
    float:left;
    width:702px;
    overflow: hidden;
}

#carousel_ul {
    position:relative;
    left:-210px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width:9999px; 
    padding-bottom:10px;
}

#carousel_ul li{
    float: left;                                     
}

#carousel_ul li img {
    margin-bottom:-4px;
    cursor:pointer;
    cursor: hand; 
    border:0px; 
}
#left_scroll, #right_scroll{
    float:left; 
    width:15px; 
    background: #C0C0C0;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin-top: 10px; 
}
#left_scroll img, #right_scroll img{
    cursor: pointer;
    cursor: hand;
}

/** Contact Form **/
.heading-ctf{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #666666;
    margin: 5px 0px;
}
.lable-ctf{
    display: inline-block;
    font-weight: 700;
    margin: 10px 0px 3px 0px;
}
.input-text-ct{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 730px;
}
.ct-button{
    margin-top: 15px;
    width: 100px;
    height: 30px;
    font-size: 14px;
    color: #FF0000;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #B2E0F9;
}
.pagination{
    clear: both;
    text-align: center;
    margin-top: 10px;
} 

